
        <style type="text/css">
            body{
                background-color: gray;
            }
            .star{
                float: right;
                margin: 5px 0 0 0;
            }
            .glyphicon{
                font-size: 15px;
                color: yellow;
            }
            .content{
                position: absolute;
                left: 0;
                right: 0;
                overflow-x:hidden;
                overflow-y:auto;
                text-align: center;
                padding-bottom: 49px !important;
            }
            .content .name{
                font-size: 30px;
                font-weight: bolder;
                padding-bottom: 10px;
            }
            .recommend-title{
                width: 90%;
                text-align: left;
                margin: 0 auto;
                margin-top: 10px;
            }
            .recommend-btn div{
                width: 90%;
                height: 40px;
                margin: 3px auto;
                border: 1px solid gray;
                line-height: 40px;
                background-color: white;
                /*border-radius: 5px;*/
            }
            .recommend-post{
                width: 80%;
                height: 40px;
                margin: 0 auto;
                margin-top: 50px;
                background-color: black;
                color: white;
                line-height: 40px;
                border-radius: 5px;

            }
            .userPic{
                width: 100px;
                height: 100px;
                border-radius: 50%;
                border: 1px solid gray;
                background-image:url(img/raodaqi.jpg);
                background-size: 100% 100%;
                margin: 10px auto;
                font-weight: bolder;
            }
            .userName{
                text-align: left;
                margin: 10px 0 0 10px;
            }
            .item{
                width: 100%;
                height: 120px;
                background-color: white;
                margin-bottom: 40px;
            }
            .item-ul{
                display: table;
                width: 100%;
                height: 50px;
                padding: 10px 0;
            }
            .item-li{
                display: table-cell;
                width: 50%;
                height: 30px !important;
                border-left:1px solid #c2c2c2;
            }
            .item-div{
                border-bottom: 1px solid gray;
            }
            .item-li:first-child{
                border-left:0;
            }
            .item-li p{
                display: block;
                width: 100%;
                text-align: center;
                margin: 0 auto;
                font-size: 15px;
                line-height: 20px;
            }
            .comment{
                margin-top: 20px;
            }
            .comment-text-title{
                width: 100%;
                height: 30px;
                background-color: white;
                line-height: 30px;
                text-align: left;
            }
            .comment-user{
                float: left;
                margin: 5px 0 0 20px;
            }
            .comment-star{
                float: right;
                margin-right: 30px;
            }
            .comment-text{
                width: 100%;
                padding-top: 30px;
                text-align: left;
                margin-left:20px; 
            }
        </style>

        <div class="star">
            <span class="glyphicon  glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
            <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
            <span>4.8</span>
        </div>
        <div class="content">
            <div class="userPic"></div>
            <div class="name">饶大奇</div>

            <div class="item">
                <div class="item-div">
                    <ul class="item-ul">
                        <li class="item-li">
                            <p>成功推荐数</p>
                            <p>20</p>
                        </li>
                        <li class="item-li">
                            <p>推荐人排名</p>
                            <p>2</p>
                        </li>
                    </ul>
                </div>
                <div class="item-div">
                    <ul class="item-ul">
                        <li class="item-li">
                            <p>提交用人数</p>
                            <p>20</p>
                        </li>
                        <li class="item-li">
                            <p>提交用人数排名</p>
                            <p>2</p>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="recommend">
                <div class="recommend-title job">职业信息</div>
                <div class="recommend-btn">
                    <div>工作年限</div>
                </div>
            </div>

            <div class="recommend">
                <div class="recommend-title exprience">工作经历</div>
                <div class="recommend-btn">
                    <div>工作经历</div>
                    <div>教育背景</div>
                    <div>推荐语</div>
                </div>
            </div>

            <div class="comment">
                <div class="comment-text-title">评论</div>
                <div class="comment-content">
                    <div>
                        <div class="comment-user">
                            <span>阿枭</span>
                            <span>05-02</span>
                            <span>14:02</span>
                        </div>
                        <div class="comment-star">
                            <div class="star">
                                <span class="glyphicon  glyphicon-star" aria-hidden="true"></span>
                                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                                <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                                <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
                            </div>
                        </div>
                    </div>
                    <div class="comment-text">推荐人态度极好，效率超高</div>
                </div>
            </div>
        </div>